<!DOCTYPE html>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="sogou_site_verification" content="xEzQCCnuN3">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YHEISHOP新零售社交分销商城系统_微商城小程序_微分销平台_分销小程序</title>
    <meta name="keywords" content="商城小程序,分销商城,微商城,商城系统,分销商城系统,微分销平台,分销小程序,新零售,社交电商">
    <meta name="description" content="YHEISHOP新零售社交分销商城系统,微商城小程序,微分销平台,分销小程序,一站式社交电商解决方案,多渠道营销,融合线上线下打造健康闭合的电商生态圈,新零售电商">
    <link rel="shortcut icon" href="./img/favicon.ico">
    <script type="text/javascript" async="" charset="utf-8" src="./img/core.php"></script>
    <script type="text/javascript" async="" charset="utf-8" src="./img/c.php" id="cnzz_tj"></script>
    <script>
        var basePath = '/default/';
        window.basePath = '/default/';
    </script>
    <link rel="stylesheet" type="text/css" href="./css/comon.css">
    <link rel="stylesheet" href="./css/font_1216821_vntt0f1a8h.css">
    <script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script>

    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./css/swiper-3.4.2.min.css">
    <link rel="stylesheet" type="text/css" href="./css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="./css/home.css">
    <link rel="stylesheet" href="./css/font_844077_ft22imrq7oe.css">
</head>

<body style="zoom: 1;">

    <style scoped="header">
        .es-header {
            position: fixed;
            top: 0;
            z-index: 1000;
            color: #fff;
            width: 100vw;
            height: 80px;
            transition: all .2s ease;
            box-shadow: 0px 8px 15px rgba(26, 58, 129, 0.03);
        }
        
        .es-header .header-inner {
            display: flex;
            width: 1200px;
            height: inherit;
            justify-content: space-between;
            align-items: center;
            margin: 0 auto;
        }
        
        .es-header .nav-logo {
            display: block;
            width: 184px;
            height: 36px;
        }
        
        .es-header .header-nav {
            display: flex;
            height: inherit;
        }
        
        .es-header .nav-linktag {
            color: #fff;
            font-size: 16px;
            transition: all .2s ease;
            display: flex;
            align-items: center;
            height: 100%;
            padding: 0 22px;
            position: relative;
        }
        
        .es-header .nav-linktag .has-more {
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
            margin-left: 8px;
            transform: rotate(45deg);
            transform-origin: 6px 6px;
            position: absolute;
            top: 36px;
            right: 8px;
            transition: all .2s ease;
        }
        
        .es-header .nav-item:hover .has-more {
            transform: rotate(-135deg);
        }
        
        .es-header .nav-item .nav-linktag.active {
            color: #fff;
        }
        
        .es-header .nav-item:hover .nav-linktag {
            color: #fff;
        }
        
        .es-header .loginBtn .login {
            background: #fff;
            color: #fb6638;
            transition: all .2s ease;
        }
        
        .es-header.active {
            background: #ffffff;
            border-color: #e2e2e2;
        }
        
        .es-header.active .nav-linktag {
            color: #333;
            font-weight: normal;
        }
        
        .es-header.active .nav-linktag.active {
            color: #fb6638;
        }
        
        .es-header.active .nav-item:hover .nav-linktag {
            color: #fb6638;
        }
        
        .es-header.active .nav-item:hover .nav-btn {
            color: #fff;
        }
        
        .es-header.active .nav-item:hover .has-more {
            border-color: #fb6638;
        }
        
        .es-header.active .nav-linktag .has-more {
            border-color: #999;
        }
        
        .es-header.active .nav-linktag.active .has-more {
            border-color: #fb6638;
        }
        
        .es-header .nav-item {
            display: flex;
            align-items: center;
        }
        
        .es-header .nav-item .nav-btn {
            margin-left: 30px;
            width: 110px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: #fff;
            color: #fb6638;
            font-size: 16px;
            padding: 0;
        }
        
        .es-header .nav-item:hover .nav-btn {
            color: #fb6638;
        }
        
        .es-header.active .nav-btn {
            color: #fff;
            background: #fb6638;
        }
        
        .es-header .nav-item .slide-nav {
            position: absolute;
            top: 80px;
            left: 0;
            width: 100vw;
            background: #ffffff;
            box-shadow: 0px 8px 15px rgba(26, 58, 129, 0.03);
            transition: height .3s ease;
            overflow: hidden;
            height: 0;
        }
        
        .es-header .nav-item:hover .slide-nav {
            height: 160px;
        }
        
        .es-header .nav-item:hover .slide-nav.app {
            height: 407px;
        }
        
        .es-header .slide-nav-inner {
            width: 1200px;
            margin: 50px auto 60px;
        }
        
        .es-header .slide-nav-ls {
            display: flex;
        }
        
        .es-header .slide-nav-item {
            width: 254px;
        }
        
        .es-header .slide-nav-title {
            transition: color .2s ease;
            font-weight: normal;
            line-height: 22px;
            margin-bottom: 8px;
            font-size: 16px;
            color: #333333;
        }
        
        .es-header .slide-nav-desc {
            line-height: 20px;
            font-size: 14px;
            color: #999;
        }
        
        .es-header .slide-nav-item:hover .slide-nav-title {
            color: #fb6638;
        }
        
        .es-header .slide-nav.app .slide-nav-inner {
            display: flex;
            justify-content: space-between;
        }
        
        .es-header .slide-nav.app .slide-nav-header {
            position: relative;
            width: 100%;
            line-height: 20px;
            padding-bottom: 16px;
            border-bottom: 1px solid #e5e5e5;
            padding-left: 16px;
            font-size: 14px;
            color: #666;
        }
        
        .es-header .slide-nav.app .slide-nav-header::before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 3px;
            height: 16px;
            background: #fb6638;
        }
        
        .es-header .slide-nav.app .slide-nav-box {
            margin-top: 30px;
            display: flex;
        }
        
        .es-header .slide-nav.app .slide-nav-ls {
            width: 120px;
            margin-right: 40px;
            display: block;
        }
        
        .es-header .slide-nav.app .slide-nav-ls:last-child {
            margin-right: 0;
        }
        
        .es-header .slide-nav.app .slide-nav-item {
            margin-bottom: 30px;
            width: inherit;
        }
        
        .es-header .slide-nav.app .slide-nav-item:last-child {
            margin-bottom: 0px;
        }
        
        .es-header .slide-nav.app .slide-nav-item a {
            display: block;
            line-height: 22px;
            font-size: 16px;
            color: #333;
            transition: color .2s ease;
        }
        
        .es-header .slide-nav.app .slide-nav-item a:hover {
            color: #fb6638;
        }
    </style>
    <header id="esHeader" class="es-header">
        <nav class="header-inner">
            <div class="es-logo">
                <a href="#">
                    <img id="esLogo" class="nav-logo" src="./img/logo-white.png">
                </a>
            </div>
            <ul class="header-nav">
                <li class="nav-item">
                    <a href="./index.html" class="nav-linktag active ">首页</a>
                </li>
                <li class="nav-item">
                    <a href="./solution/sell/index.html" class="nav-linktag ">解决方案<i class="has-more"></i></a>
                    <div class="slide-nav">
                        <ul class="slide-nav-inner slide-nav-ls">
                            <li class="slide-nav-item">
                                <a href="./solution/sell/index.html">
                                    <h3 class="slide-nav-title">新零售解决方案</h3>
                                    <p class="slide-nav-desc">打造闭合的新零售生态圈</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="./solution/social/index.html">
                                    <h3 class="slide-nav-title">社交电商解决方案</h3>
                                    <p class="slide-nav-desc">创建去中心化的电商体系</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="./solution/commission/index.html">
                                    <h3 class="slide-nav-title">分销解决方案</h3>
                                    <p class="slide-nav-desc">建立完善的分销推广体系</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="./server/app/index.html">
                                    <h3 class="slide-nav-title">原生APP解决方案</h3>
                                    <p class="slide-nav-desc">助力企业开展移动战略部署</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="./server/develop/index.html">
                                    <h3 class="slide-nav-title">定制开发解决方案</h3>
                                    <p class="slide-nav-desc">全方位满足您的个性化需求</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="./version/index.html" class="nav-linktag ">产品介绍</a>
                </li>
                <li class="nav-item">
                    <a href="./product/show/index.html" class="nav-linktag ">应用介绍<i class="has-more"></i></a>
                    <div class="slide-nav app">
                        <div class="slide-nav-inner">
                            <div class="slide-nav-category">
                                <div class="slide-nav-header">特色功能</div>
                                <div class="slide-nav-box">
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/decoration" target="_blank">店铺装修</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/membership-marketing" target="_blank">会员营销</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/store" target="_blank">多门店</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/merchants" target="_blank">多商户</a></li>
                                        <li class="slide-nav-item">
                                            <a href="https://ewei.shop/product/show" target="_blank">
                                                <img src="./img/more.png" alt="" style="width:16px;
                                            height:16px;
                                            display: inline-block;
                                            vertical-align: middle;">
                                                <span style="display: inline-block;
                                            vertical-align: middle;margin-left:5px">更多</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="slide-nav-category">
                                <div class="slide-nav-header">营销活动</div>
                                <div class="slide-nav-box">
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/group" target="_blank">拼团</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/seckill" target="_blank">秒杀</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/bargain" target="_blank">砍价</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/bargain-money" target="_blank">定金膨胀</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/packing" target="_blank">打包一口价</a></li>
                                    </ul>
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/solitaire" target="_blank">社群接龙</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/ticket" target="_blank">收费券包</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/ndiscount" target="_blank">第N件打N折</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/couponfission" target="_blank">裂变优惠券</a></li>
                                        <li class="slide-nav-item">
                                            <a href="https://ewei.shop/product/show" target="_blank">
                                                <img src="./img/more.png" alt="" style="width:16px;
                                            height:16px;
                                            display: inline-block;
                                            vertical-align: middle;">
                                                <span style="display: inline-block;
                                            vertical-align: middle;margin-left:5px">更多</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="slide-nav-category">
                                <div class="slide-nav-header">应用插件</div>
                                <div class="slide-nav-box">
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/service" target="_blank">在线客服系统</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/cardsecret" target="_blank">电子卡密</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/shop-helper" target="_blank">店铺助手</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/credit" target="_blank">积分商城系统</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/note" target="_blank">运营笔记</a></li>
                                    </ul>
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/moments" target="_blank">朋友圈素材</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/purchase" target="_blank">快速购买</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/paidcard" target="_blank">付费会员卡</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/community" target="_blank">社区团购</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/live" target="_blank">直播带货</a></li>
                                    </ul>
                                    <ul class="slide-nav-ls">
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/polyapi" target="_blank">网店管家</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/exchange" target="_blank">兑换中心</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/buyer" target="_blank">买家秀</a></li>
                                        <li class="slide-nav-item"><a href="https://ewei.shop/product/time" target="_blank">计次时</a></li>
                                        <li class="slide-nav-item">
                                            <a href="https://ewei.shop/product/show" target="_blank">
                                                <img src="./img/more.png" alt="" style="width:16px;
                                            height:16px;
                                            display: inline-block;
                                            vertical-align: middle;">
                                                <span style="display: inline-block;
                                            vertical-align: middle;margin-left:5px">更多</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-linktag ">新闻中心<i class="has-more"></i></a>
                    <div class="slide-nav">
                        <ul class="slide-nav-inner slide-nav-ls">
                            <li class="slide-nav-item">
                                <a href="#">
                                    <p class="slide-nav-title">产品发布</p>
                                    <p class="slide-nav-desc">最完整的产品功能信息</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="#">
                                    <p class="slide-nav-title">最新动态</p>
                                    <p class="slide-nav-desc">行业最新资讯信息</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="#">
                                    <p class="slide-nav-title">更新日志</p>
                                    <p class="slide-nav-desc">稳定迭代更新</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- <li class="nav-item">
                    <a href="https://wiki.ewei.shop/" target="_blank" class="nav-linktag ">服务支持<i class="has-more"></i></a>
                    <div class="slide-nav">
                        <ul class="slide-nav-inner slide-nav-ls">
                            <li class="slide-nav-item">
                                <a href="https://wiki.ewei.shop/" target="_blank">
                                    <p class="slide-nav-title">帮助中心</p>
                                    <p class="slide-nav-desc">解决产品使用问题</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="https://u.ewei.shop/#/app" target="_blank">
                                    <p class="slide-nav-title">应用中心</p>
                                    <p class="slide-nav-desc">应用插件、服务、续费</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="https://u.ewei.shop/#/work/all" target="_blank">
                                    <p class="slide-nav-title">提交工单</p>
                                    <p class="slide-nav-desc">工单系统提交问题反馈</p>
                                </a>
                            </li>
                            <li class="slide-nav-item">
                                <a href="https://u.ewei.shop/#/user/feedback/my" target="_blank">
                                    <p class="slide-nav-title">提交建议</p>
                                    <p class="slide-nav-desc">产品使用建议提交</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li> -->
                <li class="nav-item">
                    <a href="./about/index.html" class="nav-linktag ">关于我们</a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-linktag nav-btn">立即体验</a>
                </li>
            </ul>
        </nav>
    </header>
    <script>
        document.addEventListener('scroll', handleHeaderNavBg);

        function handleHeaderNavBg() {
            var scrollVal = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollVal > 10) {
                $('#esHeader').addClass('active');
                $('#esLogo').prop('src', './img/logo-active.png');
            } else {
                $('#esHeader').removeClass('active');
                $('#esLogo').prop('src', './img/logo-white.png');
            }
        }

        const pathName = location.pathname;
        var defaultActivePathArr = ['/news/upgrade-detail', '/news/detail'];
        if (defaultActivePathArr.includes(pathName)) {
            $('#esHeader').addClass('active');
            $('#esLogo').prop('src', '/default/img/home/logo-active.png');
            document.removeEventListener('scroll', handleHeaderNavBg);
        }
    </script>

    <style>
        .top-banner {
            height: 560px;
        }
        
        .top-banner .bannerItem {
            height: 560px!important;
        }
        
        .top-banner .swiper-pagination-bullet {
            background: #fff;
            opacity: .2;
            width: 30px;
            height: 4px;
            border-radius: 0;
            margin: 0 10px;
        }
        
        .top-banner .swiper-pagination-bullet-active {
            opacity: 1;
        }
        
        .top-banner .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 20px;
        }
    </style>
    <div class="top-banner">
        <div class="swiper-container swiper-container2 swiper-container-horizontal">
            <div class="swiper-wrapper" style="margin-left: 0px; transform: translate3d(-2698px, 0px, 0px); transition-duration: 0ms;">
                <div class="swiper-slide bannerItem flex swiper-slide-duplicate" data-swiper-slide-index="4" style="width: 1349px;">
                    <a style="background: url(./img/ccb6fbf3193ec9c6475fa86f2624d71e.png);height: 560px;margin: 0 auto;-webkit-background-size: cover;background-size: cover;" href="#" target="_blank">
                    </a>
                </div>
                <div class="swiper-slide bannerItem flex swiper-slide-prev" data-swiper-slide-index="0" style="width: 1349px;">
                    <a style="background: url(./img/99c85f9f32b8f5cfda57105f473e6b79.jpg);height: 560px;margin: 0 auto;-webkit-background-size: cover;background-size: cover;" href="#" target="_blank">
                    </a>
                </div>
                <div class="swiper-slide bannerItem flex swiper-slide-active" data-swiper-slide-index="1" style="width: 1349px;">
                    <a style="background: url(./img/7a579c3a7a89569e5d728f1cad69772a.png);height: 560px;margin: 0 auto;-webkit-background-size: cover;background-size: cover;" href="#" target="_blank">
                    </a>
                </div>
                <div class="swiper-slide bannerItem flex swiper-slide-next" data-swiper-slide-index="2" style="width: 1349px;">
                    <a style="background: url(./img/b9d31ba4bba37699818b07208ec8eef1.png);height: 560px;margin: 0 auto;-webkit-background-size: cover;background-size: cover;" href="#" target="_blank">
                    </a>
                </div>
                <div class="swiper-slide bannerItem flex" data-swiper-slide-index="3" style="width: 1349px;">
                    <a style="background: url(./img/dffe39451e66f3cad19386d21fab0fa1.png);height: 560px;margin: 0 auto;-webkit-background-size: cover;background-size: cover;" href="#" target="_blank">
                    </a>
                </div>
                <div class="swiper-slide bannerItem flex" data-swiper-slide-index="4" style="width: 1349px;">
                    <a style="background: url(./img/ccb6fbf3193ec9c6475fa86f2624d71e.png);height: 560px;margin: 0 auto;-webkit-background-size: cover;background-size: cover;" href="#" target="_blank">
                    </a>
                </div>
                <div class="swiper-slide bannerItem flex swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" style="width: 1349px;">
                    <a style="background: url(./img/99c85f9f32b8f5cfda57105f473e6b79.jpg);height: 560px;margin: 0 auto;-webkit-background-size: cover;background-size: cover;" href="#" target="_blank">
                    </a>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
        </div>
    </div>

    <section id="scenarios" class="home-sec scenarios show">
        <div class="inner-width">
            <h2 class="home-sec-title">YHEISHOP新零售社交电商系统</h2>
            <p class="home-sec-desc">全渠道全场景电商解决方案，助力企业打造电商生态</p>
            <div class="scenarios-desc">
                <img class="img" src="./img/eco.png" alt="全渠道全场景电商解决方案，助力企业打造电商生态">
                <div class="scenarios-part client">
                    <h3 class="part-title">全渠道访问入口</h3>
                    <p class="part-desc">线上线下全渠道获客引流</p>
                    <ul class="part-ls">
                        <li class="part-item">微信</li>
                        <li class="part-item">QQ</li>
                        <li class="part-item">支付宝</li>
                        <li class="part-item">百度</li>
                        <li class="part-item">抖音</li>
                        <li class="part-item">APP</li>
                        <li class="part-item">PC</li>
                        <li class="part-item">收银台</li>
                    </ul>
                </div>
                <div class="scenarios-part operate">
                    <h3 class="part-title">会员/分销/小店</h3>
                    <p class="part-desc">拉新裂变，好友绑定，获得佣金</p>
                    <ul class="part-ls">
                        <li class="part-item">邀请拉新</li>
                        <li class="part-item">推广裂变</li>
                        <li class="part-item">会员权益</li>
                        <li class="part-item">分销佣金</li>
                        <li class="part-item">小店获客</li>
                        <li class="part-item">团长提成</li>
                        <li class="part-item">充值提现</li>
                        <li class="part-item">积分运营</li>
                    </ul>
                </div>
                <div class="scenarios-part join">
                    <h3 class="part-title">店铺入驻</h3>
                    <p class="part-desc">全场景社交电商解决方案</p>
                    <ul class="part-ls">
                        <li class="part-item">拼团获客</li>
                        <li class="part-item">秒杀促活 </li>
                        <li class="part-item">直播带货</li>
                        <li class="part-item">社区团购</li>
                        <li class="part-item">多门店</li>
                        <li class="part-item">在线客服</li>
                        <li class="part-item">多商户</li>
                        <li class="part-item">供货/带货</li>
                    </ul>
                </div>
                <div class="scenarios-part manage">
                    <h3 class="part-title">平台管理</h3>
                    <p class="part-desc">搭建电商平台，管理平台运营</p>
                    <ul class="part-ls">
                        <li class="part-item">平台搭建</li>
                        <li class="part-item">店铺管理</li>
                        <li class="part-item">官网装修</li>
                        <li class="part-item">套餐管理</li>
                        <li class="part-item">接口管理</li>
                        <li class="part-item">订单管理</li>
                        <li class="part-item">带货市场</li>
                        <li class="part-item">应用管理</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section id="business" class="home-sec business">
        <img src="./img/business.png" class="business-bg">
        <div class="inner-width">
            <h2 id="businessTitle" class="home-sec-title animate-item show">YHEISHOP多行业解决方案</h2>
            <div id="businessContainer" class="business-container animate-item show">
                <ul class="business-tabbar">
                    <li class="tab-item active" data-idx="0">招商入驻多商户</li>
                    <li class="tab-item" data-idx="1">新零售+批发模式</li>
                    <li class="tab-item" data-idx="2">自营多门店模式</li>
                    <li class="tab-item" data-idx="3">供货商模式</li>
                    <li class="tab-item" data-idx="4">线下收银台 </li>
                    <li class="tab-item" data-idx="5">电商直播带货</li>
                    <li class="tab-item" data-idx="6">社区团购</li>
                    <li class="tab-item" data-idx="7">社交电商系统</li>
                </ul>
                <div class="business-descbox active">
                    <div class="business-descbox-info">
                        <h3 class="business-title">招商入驻多商户</h3>
                        <p class="business-desc">提供完整的入驻子商户线上经营方案，系统化运营，打造支持自营+招商入驻经营模式的大型电商平台（类似京东、天猫的多元化经营模式），帮助企业低成本快速构建网上商城系统。</p>
                        <ul class="business-feat">
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus1.icon1.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">子商户独立后台</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus1.icon2.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">商户提成管理</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus1.icon3.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">全场景营销活动</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus1.icon4.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">丰富的应用工具</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus1.icon5.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">灵活的结算方式</p>
                            </li>
                        </ul>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus1.img.png" alt="招商入驻多商户" class="img">
                    </div>
                </div>
                <div class="business-descbox">
                    <div class="business-descbox-info">
                        <h3 class="business-title">新零售+批发模式</h3>
                        <p class="business-desc">打破传统零售与批发的壁垒，为企业匹配整条业务链的解决方案，线上线下联合发力，多端数据统一互通，以消费体验为核心，快速建立线上销售渠道，下单不受时间空间限制，订货效率更高。</p>
                        <ul class="business-feat">
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus2.icon1.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">随时随地交易</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus2.icon2.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">一键多渠道推广</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus2.icon3.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">系统化管理数据</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus1.icon4.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">自定义起批数量</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus2.icon5.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">自定义阶梯优惠</p>
                            </li>
                        </ul>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus2.img.png" alt="新零售+批发模式" class="img">
                    </div>
                </div>
                <div class="business-descbox">
                    <div class="business-descbox-info">
                        <h3 class="business-title">自营多门店模式</h3>
                        <p class="business-desc">为多门店的连锁商家量身打造的经营解决方案，总店统一管控，分店精细运营，线上线下一体化管理，构建完善的门店运营模式，有效提高商家经营效率。</p>
                        <ul class="business-feat">
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus3.icon1.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">多门店独立运营</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus3.icon2.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">独立价格和库存</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus3.icon3.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">门店列表自由切换</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus3.icon4.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">店员权限灵活配置</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus3.icon5.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">LBS精准定位</p>
                            </li>
                        </ul>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus3.img.png" alt="自营多门店模式" class="img">
                    </div>
                </div>
                <div class="business-descbox">
                    <div class="business-descbox-info">
                        <h3 class="business-title">供货商模式</h3>
                        <p class="business-desc wholesaler">· 带货市场：建立商品流通平台，打造合作共赢模式 <br> 带货市场自定义装修&nbsp;&nbsp;&nbsp;供货商品审核/管理&nbsp;&nbsp;&nbsp; 自定义供货商品分类</p>
                        <p class="business-desc wholesaler">· 供货商：扩大商品销售渠道，解决推广销售难题 <br> 支持多种供货模式&nbsp;&nbsp;&nbsp;系统化管理供货商品/订单&nbsp;&nbsp;&nbsp; 清晰的供货订单和结算单&nbsp;&nbsp;&nbsp; 多种资格门槛设置</p>
                        <p class="business-desc wholesaler">· 带货商：丰富商城商品品类，解决货源获取难题 <br> 支持多种带货模式&nbsp;&nbsp;&nbsp;实时获取商品变更信息&nbsp;&nbsp;&nbsp; 高效管理带货商品/订单&nbsp;&nbsp;&nbsp; 多种资格门槛设置</p>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus4.img.png" alt="供货商模式" class="img">
                    </div>
                </div>
                <div class="business-descbox">
                    <div class="business-descbox-info">
                        <h3 class="business-title">线下收银台</h3>
                        <p class="business-desc">门店收银与线上商城的完美结合，零成本接入移动支付，电脑或pad即可操作收银，减少顾客排队时间，优化支付体验，超多功能助力商家提高门店收银能力，提升门店零售管理与经营效率。</p>
                        <ul class="business-feat">
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus5.icon1.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">界面简洁易上手</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus5.icon2.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">开单绑定会员信息</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus5.icon3.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">订单关联导购</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus5.icon4.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">支持挂单和提单</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus5.icon5.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">集中管理更省心</p>
                            </li>
                        </ul>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus5.img.png" alt="自营多门店模式" class="img">
                    </div>
                </div>
                <div class="business-descbox">
                    <div class="business-descbox-info">
                        <h3 class="business-title">电商直播带货</h3>
                        <p class="business-desc">顺应时代趋势，抢占直播红利，通过现场互动、实物演示、在线答疑，增强用户信任，加速购买决策，提升购买转化，实现商家与用户双向互动，开辟新的流量入口，开启线上营销新局面。</p>
                        <ul class="business-feat">
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus6.icon1.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">快速拉新拓客</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus6.icon2.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">打造私域流量</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus6.icon3.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">优化消费场景</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus6.icon4.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">支持多渠道直播</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus6.icon5.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">后台操作简单</p>
                            </li>
                        </ul>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus6.img.png" alt="电商直播带货" class="img">
                    </div>
                </div>
                <div class="business-descbox">
                    <div class="business-descbox-info">
                        <h3 class="business-title">社区团购</h3>
                        <p class="business-desc group">1. 对于商家 <br> 打造更方便、渗透性更强、更贴近消费者的销售渠道；整合社区资源，发展团长，实现规模扩张。</p>
                        <p class="business-desc group">2. 对于团长 <br> 维护社区微信群，宣传海报一键转发，快速拉新拓客；会员下单，团长收益立即可见，总部结算自由提现。</p>
                        <p class="business-desc group">3. 对于社区居民 <br> 利用碎片时间即看即买，提升消费体验；社区邻里相互推荐，面对面交易，信任感更强。</p>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus7.img.png" alt="供货商模式" class="img">
                    </div>
                </div>
                <div class="business-descbox">
                    <div class="business-descbox-info">
                        <h3 class="business-title">社交电商系统</h3>
                        <p class="business-desc">基于微信的生态圈用户流量，建立去中心化的电商体系，让平台更快的传播拓客，吸引海量用户资源，挖掘潜在用户的人脉关系网，快速引爆线上流量，打造超人气商城。</p>
                        <ul class="business-feat">
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus8.icon1.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">会员群体</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus8.icon2.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">营销活动</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus8.icon3.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">数据统计</p>
                            </li>
                            <li class="business-feat-item">
                                <div class="business-feat-iconbox">
                                    <img src="./img/bus8.icon4.png" class="business-feat-icon">
                                </div>
                                <p class="business-feat-title">裂变分享</p>
                            </li>
                        </ul>
                    </div>
                    <div class="business-descbox-img">
                        <img src="./img/bus8.img.png" alt="社交电商系统" class="img">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script scoped="business">
        $('.business-tabbar .tab-item').on('click', function() {
            $(this).addClass('active').siblings().removeClass('active');
            var index = $(this).data('idx');
            $('.business-descbox').eq(index).addClass('active').siblings().removeClass('active');
        });
    </script>

    <section class="home-sec client">
        <img src="./img/client.bg.png" class="client-bg">
        <div class="inner-width">
            <h2 id="clientTitle" class="home-sec-title animate-item show">全终端覆盖，统一数据管理</h2>
            <img id="clientContainer" src="./img/client.img.png" alt="全终端覆盖，统一数据管理" class="client-img animate-item show">
        </div>
    </section>

    <section id="feature" class="home-sec feature">
        <div class="inner-width">
            <h2 id="featTitle" class="home-sec-title animate-item show">YHEISHOP特色功能</h2>
            <ul id="featContainer1" class="feat-ls animate-item show">
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/1.png" alt="私有化后台管理系统" class="feat-img">
                    </div>
                    <h3 class="feat-title">私有化后台管理系统</h3>
                    <p class="feat-desc">独立部署基于服务商自身服务器的后台管理系统，数据化管理店铺</p>
                </li>
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/2.png" alt="自定义平台官网" class="feat-img">
                    </div>
                    <h3 class="feat-title">自定义平台官网</h3>
                    <p class="feat-desc">根据需求自定义专属官网页面，提高品牌辨识度，为品牌传播赋能</p>
                </li>
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/3.png" alt="手机端店铺助手" class="feat-img">
                    </div>
                    <h3 class="feat-title">手机端店铺助手</h3>
                    <p class="feat-desc">配备移动端管理后台，商家可以随时随地操作和管理店铺与订单</p>
                </li>
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/4.png" alt="全渠道多终端覆盖" class="feat-img">
                    </div>
                    <h3 class="feat-title">全渠道多终端覆盖</h3>
                    <p class="feat-desc">H5+公众号+小程序+app等多渠道商城覆盖，快速抢占移动电商市场</p>
                </li>
            </ul>
            <ul id="featContainer2" class="feat-ls animate-item show" style="margin-top: 0;">
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/5.png" alt="个性化的装修操作" class="feat-img">
                    </div>
                    <h3 class="feat-title">个性化的装修操作</h3>
                    <p class="feat-desc">可视化的装修模式，轻松打造个性化商城，一次装修可多渠道同步发布</p>
                </li>
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/6.png" alt="三级分销体系" class="feat-img">
                    </div>
                    <h3 class="feat-title">三级分销体系</h3>
                    <p class="feat-desc">完善的三级分销体系，成熟高效的裂变模式，快速驱动分销商发展</p>
                </li>
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/7.png" alt="打通线上线下消费场景" class="feat-img">
                    </div>
                    <h3 class="feat-title">打通线上线下消费场景</h3>
                    <p class="feat-desc">线上商城+线下体验突破传统电商瓶颈，赋能企业搭建社交新零售平台</p>
                </li>
                <li class="feat-item">
                    <div class="feat-icon">
                        <img src="./img/8.png" alt="定制化功能开发" class="feat-img">
                    </div>
                    <h3 class="feat-title">定制化功能开发</h3>
                    <p class="feat-desc">专业的解决方案，提供一站式定制开发服务，满足个性化业务需求</p>
                </li>
            </ul>
        </div>
    </section>

    <section id="situation" class="home-sec situation show">
        <div class="inner-width">
            <h2 id="situationTitle" class="home-sec-title animate-item show">商城运营工具，涵盖线上线下多业务场景</h2>
            <ul id="situationTab" class="swiper-tab animate-item show">
                <li class="swiper-tabitem" data-idx="0">店铺运营辅助工具</li>
                <li class="swiper-tabitem active" data-idx="1">会员推广运营工具</li>
                <li class="swiper-tabitem" data-idx="2">多业务模式功能插件</li>
            </ul>
            <div id="situationContainer" class="swiper-box animate-item show">
                <i class="before"></i><i class="after"></i>
                <ul class="swiper-vessel">
                    <li class="swiper-vessel-item occupy-item-right">
                        <img src="./img/bg1.png" alt="店铺运营辅助工具" class="swiper-bg">
                        <div class="situation-intro">
                            <h3 class="situation-title">
                                <img src="./img/icon1.png" class="situation-icon"> 店铺运营辅助工具
                            </h3>
                            <p class="situation-desc">专注于移动社交电商的一站式门店运营服务工具和多样化特色移动商城功能，针对不同业务需求的所有环节全面贯通，并实现统一后台管理，实时同步数据，运营效果一目了然，轻松玩转个性化商城运营</p>
                            <ul class="situation-ls">
                                <li class="situation-item">· 在线客服 <br> · 商品助手 <br> · 自定义表单</li>
                                <li class="situation-item">· 店铺助手小程序 <br> · 快递助手 <br> · 小票打印</li>
                                <li class="situation-item">· 评价助手 <br> · 网店管家 <br> · 代客下单</li>
                                <li class="situation-item">· 商品同步 <br> · 视频号</li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="situation-more">了解更多</a>
                    </li>
                    <li class="swiper-vessel-item occupy-avatar">
                        <img src="./img/bg1.png" alt="店铺运营辅助工具" class="swiper-bg">
                        <div class="situation-intro">
                            <h3 class="situation-title">
                                <img src="./img/icon1.png" class="situation-icon"> 店铺运营辅助工具
                            </h3>
                            <p class="situation-desc">专注于移动社交电商的一站式门店运营服务工具和多样化特色移动商城功能，针对不同业务需求的所有环节全面贯通，并实现统一后台管理，实时同步数据，运营效果一目了然，轻松玩转个性化商城运营</p>
                            <ul class="situation-ls">
                                <li class="situation-item">· 在线客服 <br> · 商品助手 <br> · 自定义表单</li>
                                <li class="situation-item">· 店铺助手小程序 <br> · 快递助手 <br> · 小票打印</li>
                                <li class="situation-item">· 评价助手 <br> · 网店管家 <br> · 代客下单</li>
                                <li class="situation-item">· 商品同步 <br> · 视频号</li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="situation-more">了解更多</a>
                    </li>
                    <li class="swiper-vessel-item">
                        <img src="./img/bg2.png" alt="会员推广运营工具" class="swiper-bg">
                        <div class="situation-intro">
                            <h3 class="situation-title">
                                <img src="./img/icon2.png" class="situation-icon"> 会员推广运营工具
                            </h3>
                            <p class="situation-desc">超多会员运营工具，支持精细化会员运营，灵活多样的会员权益精准触达，让平台更快的传播获客，吸引海量用户资源，提高用户粘性，带来高留存与高复购，助力提升销售转化。</p>
                            <ul class="situation-ls">
                                <li class="situation-item">· 海报 <br> · 付费会员卡 <br> · 运营笔记</li>
                                <li class="situation-item">· 朋友圈素材 <br> · 分销 <br> · 团队分红</li>
                                <li class="situation-item">· 全民股东 <br> · 买家秀 <br> · 消息通知</li>
                                <li class="situation-item">· 积分商城 <br> · 资产转赠</li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="situation-more">了解更多</a>
                    </li>
                    <li class="swiper-vessel-item occupy-avatar">
                        <img src="./img/bg3.png" alt="多业务模式功能插件" class="swiper-bg">
                        <div class="situation-intro">
                            <h3 class="situation-title">
                                <img src="./img/icon3.png" class="situation-icon"> 多业务模式功能插件
                            </h3>
                            <p class="situation-desc">针对不同商业业态提供多种业务模式插件，实现线上线下打通融合，拓宽更多销售渠道，全方位满足您的多元化商业需求，让企业更具市场竞争力，赋能传统行业转型升级。</p>
                            <ul class="situation-ls">
                                <li class="situation-item">· 社区团购 <br> · 同城配送 <br> · 多商户</li>
                                <li class="situation-item">· 多门店 <br> · 收银台 <br> · 批发商品</li>
                                <li class="situation-item">· 预约到店 <br> · 计次时商品 <br> · 快速购买</li>
                                <li class="situation-item">· 直播带货 <br> · 兑换中心<br> · 供货商</li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="situation-more">了解更多</a>
                    </li>
                    <li class="swiper-vessel-item occupy-item-left">
                        <img src="./img/bg3.png" alt="多业务模式功能插件" class="swiper-bg">
                        <div class="situation-intro">
                            <h3 class="situation-title">
                                <img src="./img/icon3.png" class="situation-icon"> 多业务模式功能插件
                            </h3>
                            <p class="situation-desc">针对不同商业业态提供多种业务模式插件，实现线上线下打通融合，拓宽更多销售渠道，全方位满足您的多元化商业需求，让企业更具市场竞争力，赋能传统行业转型升级。</p>
                            <ul class="situation-ls">
                                <li class="situation-item">· 社区团购 <br> · 同城配送 <br> · 多商户</li>
                                <li class="situation-item">· 多门店 <br> · 收银台 <br> · 批发商品</li>
                                <li class="situation-item">· 预约到店 <br> · 计次时商品 <br> · 快速购买</li>
                                <li class="situation-item">· 直播带货 <br> · 兑换中心<br> · 供货商</li>
                            </ul>
                        </div>
                        <a href="javascript:;" class="situation-more">了解更多</a>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <script scoped="situation">
        var currentSituationSwiperIdx = 1;
        $('.occupy-avatar').eq(1).clone().addClass('occupy-item-left').removeClass('occupy-avatar').appendTo('.swiper-vessel')
        $('.occupy-avatar').eq(0).clone().addClass('occupy-item-right').removeClass('occupy-avatar').prependTo('.swiper-vessel')
        $('.swiper-tabitem').on('click', function() {
            currentSituationSwiperIdx = $(this).data('idx');;
            handleSwiperVesselPosi();
        });
        $('#situationContainer .before').on('click', function() {
            currentSituationSwiperIdx--;
            if (currentSituationSwiperIdx < 0) {
                currentSituationSwiperIdx = 2;
            }
            handleSwiperVesselPosi();
        });
        $('#situationContainer .after').on('click', function() {
            currentSituationSwiperIdx++;
            if (currentSituationSwiperIdx > 2) {
                currentSituationSwiperIdx = 0;
            }
            handleSwiperVesselPosi();
        });

        function handleSwiperVesselPosi() {
            $('.swiper-tabitem').eq(currentSituationSwiperIdx).addClass('active').siblings().removeClass('active');
            var posiLeft = -1240 * currentSituationSwiperIdx;
            $('.swiper-vessel').css({
                left: posiLeft + 'px'
            });
        }
    </script>

    <section id="sales" class="home-sec sales">
        <img src="./img/bg.left.png" class="sales-bg-left">
        <img src="./img/bg.right.png" class="sales-bg-right">
        <div class="inner-width">
            <h2 id="salesTitle" class="home-sec-title animate-item show">丰富的营销活动，解决电商流量难题</h2>
            <div id="salesContainer" class="sales-box animate-item show">
                <ul class="sales-vessel active">
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.seckill.png" class="sales-icon"></div>秒杀
                        </h3>
                        <p class="sales-desc">用超低价格快速吸引关注，拉动店铺人气</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.group.png" class="sales-icon"></div>拼团
                        </h3>
                        <p class="sales-desc">邀请好友一起参与，引发裂变传播</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.bargain.png" class="sales-icon"></div>砍价
                        </h3>
                        <p class="sales-desc">通过分享砍价，裂变传播快速推广</p>
                    </li>

                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.presell.png" class="sales-icon"></div>定金膨胀
                        </h3>
                        <p class="sales-desc">提前锁定有效流量，促进用户高效转化</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.lottery.png" class="sales-icon"></div>积分抽奖
                        </h3>
                        <p class="sales-desc">用户激活提升积分价值，增强用户粘性</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.sign.png" class="sales-icon"></div>积分签到
                        </h3>
                        <p class="sales-desc">培养用户登录习惯，提高用户日常活跃</p>
                    </li>

                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.packing.png" class="sales-icon"></div>打包一口价
                        </h3>
                        <p class="sales-desc">清理库存利器，快速提高商品销量</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.community.png" class="sales-icon"></div>社群接龙
                        </h3>
                        <p class="sales-desc">加速用户购买决策，提升商经营效率</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page1.coupon.png" class="sales-icon"></div>收费券包
                        </h3>
                        <p class="sales-desc">锁定有效流量，促进店铺转化</p>
                    </li>
                </ul>

                <ul class="sales-vessel">
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.newmember.png" class="sales-icon"></div>新人礼
                        </h3>
                        <p class="sales-desc">高效拉新，新人注册可获得奖励</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.buy.png" class="sales-icon"></div>消费奖励
                        </h3>
                        <p class="sales-desc">促进活跃，用户消费满额或满次获得奖励</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.recharge.png" class="sales-icon"></div>充值奖励
                        </h3>
                        <p class="sales-desc">提升复购，会员充值可获得奖励</p>
                    </li>

                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.invite.png" class="sales-icon"></div>邀请奖励
                        </h3>
                        <p class="sales-desc">老客带新，邀请新会员注册获得奖励</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.sale.png" class="sales-icon"></div>满减
                        </h3>
                        <p class="sales-desc">刺激会员消费，增加商品订单</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.lottery.png" class="sales-icon"></div>幸运大抽奖
                        </h3>
                        <p class="sales-desc">自带裂变属性，迅速引爆朋友圈</p>
                    </li>

                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.discount.png" class="sales-icon"></div>第N件打N折
                        </h3>
                        <p class="sales-desc">提升店铺销量，清理积压库存</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.coupon2.png" class="sales-icon"></div>裂变优惠券
                        </h3>
                        <p class="sales-desc">低成本获客，营销拉新利器</p>
                    </li>
                    <li class="sales-item">
                        <h3 class="sales-title">
                            <div class="sales-iconbox"><img src="./img/page2.rebate.png" class="sales-icon"></div>消费返现
                        </h3>
                        <p class="sales-desc">增强消费意愿，订单转化量迅速飙升</p>
                    </li>
                </ul>

                <div class="sales-btn sales-btn-left forbid" data-type="left"><img src="./img/arrow.png" class="arrow"></div>
                <div class="sales-btn sales-btn-right" data-type="right"><img src="./img/arrow.png" class="arrow"></div>
            </div>

            <a id="salesBtn" href="javascript:;" class="sales-more-btn animate-item show">了解更多</a>
        </div>
    </section>
    <script scoped="">
        var salePage = 0;
        var salesPageCount = $('.sales-vessel').length - 1;
        handleSalesPage();

        $('.sales-btn').on('click', function() {
            var btnType = $(this).data('type');
            if (btnType === 'left' && salePage > 0) {
                salePage--;
            } else if (btnType === 'right' && salePage < salesPageCount) {
                salePage++;
            }
            handleSalesPage();
        });

        function handleSalesPage() {
            $('.sales-vessel').eq(salePage).addClass('active').siblings().removeClass('active');
            if (salePage === 0) {
                $('.sales-btn-left').addClass('forbid');
            } else {
                $('.sales-btn-left').removeClass('forbid');
            }
            if (salePage === salesPageCount) {
                $('.sales-btn-right').addClass('forbid');
            } else {
                $('.sales-btn-right').removeClass('forbid');
            }
        }
    </script>

    <section class="home-sec service">
        <img src="./img/bg.png" class="service-bg">
        <div id="service" class="inner-width animate-item show">
            <h2 class="home-sec-title">一切为了客户，我们提供更具保障性的服务</h2>
            <div class="service-container">
                <ul class="service-vessel service-normal-vessel">
                    <li class="service-item" data-idx="0">
                        <div class="service-iconbox"><img src="./img/icon1(1).png" class="service-icon"></div>
                        <h3 class="service-title">多渠道售后支持</h3>
                        <p class="service-desc">7*8小时专属售后服务体系，为您解除售后之忧</p>
                    </li>
                    <li class="service-item" data-idx="1">
                        <div class="service-iconbox"><img src="./img/icon2(1).png" class="service-icon"></div>
                        <h3 class="service-title">专业的运维保障</h3>
                        <p class="service-desc">高效的运维售后，保障您的服务器稳定运行</p>
                    </li>
                    <li class="service-item" data-idx="2">
                        <div class="service-iconbox"><img src="./img/icon3(1).png" class="service-icon"></div>
                        <h3 class="service-title">百分之百专业服务</h3>
                        <p class="service-desc">我们提供最贴心最专业的服务，快速有效解决问题</p>
                    </li>
                    <li class="service-item" data-idx="3">
                        <div class="service-iconbox"><img src="./img/icon4.png" class="service-icon"></div>
                        <h3 class="service-title">定制化解决方案</h3>
                        <p class="service-desc">根据客户的行业个性化需求，提供定制服务</p>
                    </li>
                </ul>
                <div class="service-slider">
                    <ul class="service-vessel service-active-vessel">
                        <li class="service-item">
                            <div class="service-iconbox"><img src="./img/icon.a1.png" class="service-icon"></div>
                            <h3 class="service-title">多渠道售后支持</h3>
                            <p class="service-desc">7*8小时专属售后服务体系，为您解除售后之忧</p>
                        </li>
                        <li class="service-item">
                            <div class="service-iconbox"><img src="./img/icon.a2.png" class="service-icon"></div>
                            <h3 class="service-title">专业的运维保障</h3>
                            <p class="service-desc">高效的运维售后，保障您的服务器稳定运行</p>
                        </li>
                        <li class="service-item">
                            <div class="service-iconbox"><img src="./img/icon.a3.png" class="service-icon"></div>
                            <h3 class="service-title">百分之百专业服务</h3>
                            <p class="service-desc">我们提供最贴心最专业的服务，快速有效解决问题</p>
                        </li>
                        <li class="service-item">
                            <div class="service-iconbox"><img src="./img/icon.a4.png" class="service-icon"></div>
                            <h3 class="service-title">定制化解决方案</h3>
                            <p class="service-desc">根据客户的行业个性化需求，提供定制服务</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <script scoped="service">
        $('.service-normal-vessel .service-item').on('mouseenter', function() {
            var index = $(this).data('idx');
            var sliderLeft = index * 300;
            var activeVesselLeft = -index * 300;
            $('.service-slider').css({
                left: sliderLeft + 'px'
            });
            $('.service-active-vessel').css({
                left: activeVesselLeft + 'px'
            });
        });
    </script>

    <section id="exper" class="home-sec exper">
        <img src="./img/bg.left(1).png" class="exper-bg-left">
        <img src="./img/bg.right(1).png" class="exper-bg-right">
        <div class="inner-width">
            <h2 id="experTitle" class="home-sec-title animate-item show">YHEISHOP产品抢先体验</h2>
            <p id="experSubTitle" class="home-sec-desc animate-item">超过 36,109 家企业已申请体验，期待您的加入！</p>
            <div id="experContainer" class="exper-container animate-item show">
                <div class="exper-btnbox">
                    <a href="javascript:;" class="exper-btn">体验商城后台系统</a>
                    <a href="javascript:;" class="exper-btn">体验商城前端系统</a>
                    <p class="tips"></p>
                </div>
                <div class="exper-qrcodebox">
                    <div class="exper-qrcode-item">
                        <div class="exper-qrcode-box"><img src="./img/kefu1.jpg" class="exper-qrcode" alt="YHEISHOP,公众号"></div>
                        <div class="exper-qrcode-name">客户案例</div>
                    </div>
                    <div class="exper-qrcode-item">
                        <div class="exper-qrcode-box"><img src="./img/kefu1.jpg" class="exper-qrcode" alt="YHEISHOP,小程序"></div>
                        <div class="exper-qrcode-name">客户案例</div>
                    </div>
                    <div class="exper-qrcode-item">
                        <div class="exper-qrcode-box"><img src="./img/kefu1.jpg" class="exper-qrcode" alt="YHEISHOP,APP"></div>
                        <div class="exper-qrcode-name">客户案例</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="servicedata" class="home-sec servicedata">
        <img src="./img/service.bg.png" alt="YHEISHOP提供强大的技术支持" class="servicedata-bg">
        <div class="inner-width">
            <h2 id="servicedataTitle" class="home-sec-title animate-item show">YHEISHOP提供强大的技术支持</h2>
            <div id="servicedataContainer" class="servicedata-container animate-item show">
                <div class="service-data">
                    <div class="service-data-num"><span id="downloadNum" class="dynamic-num">20</span>万<span class="symbol-add">+</span></div>
                    <div class="service-data-title">下载量</div>
                </div>
                <div class="service-data">
                    <div class="service-data-num"><span id="updateNum" class="dynamic-num">500</span><span class="symbol-add">+</span></div>
                    <div class="service-data-title">版本更新</div>
                </div>
                <div class="service-data">
                    <div class="service-data-num"><span id="customerNum" class="dynamic-num">10</span>万<span class="symbol-add">+</span></div>
                    <div class="service-data-title">商业客户</div>
                </div>
                <div class="service-data">
                    <div class="service-data-num"><span id="DNum" class="dynamic-num">7</span>x<span id="HNum" class="dynamic-num">24</span>h</div>
                    <div class="service-data-title">优质服务</div>
                </div>
            </div>
        </div>
    </section>

    <section id="news" class="home-sec news">
        <h2 id="newsTitle" class="home-sec-title animate-item show">YHEISHOP资讯</h2>
        <div id="newsContainer" class="inner-width news-container animate-item show">
            <div class="news-ls">
                <div class="news-header">
                    <a href="https://ewei.shop/news?category_id=1">
                        <img src="./img/bg1(1).png" alt="最新资讯" class="news-header-bg">
                        <p class="news-header-title">最新资讯</p>
                        <p class="news-header-subtitle">掌握行业最新资讯信息</p>
                    </a>
                </div>
                <p class="news-classify">最新资讯</p>
                <div class="news-recommend">
                    <h3 class="news-title" title="【云起链客SCRM预售成绩单】大公开！参与活动近万人，发放优惠金额高达268000元！！！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=176" class="title-link">【云起链客SCRM预售成绩单】大公开！参与活动近万人，发放优惠金额高达268000元！！！</a>
                    </h3>
                    <h3 class="news-title" title="YHEISHOP 2021年第二季度开发计划！多项重大升级和全新插件，老板们都沸腾了！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=175" class="title-link">YHEISHOP 2021年第二季度开发计划！多项重大升级和全新插件，老板们都沸腾了！</a>
                    </h3>
                    <h3 class="news-title" title="再也不用担心域名被封！免费防封工具给你们安排上了！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=165" class="title-link">再也不用担心域名被封！免费防封工具给你们安排上了！</a>
                    </h3>
                    <h3 class="news-title" title="视频号「带货」新姿势！手把手教你插入商品链接！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=163" class="title-link">视频号「带货」新姿势！手把手教你插入商品链接！</a>
                    </h3>
                </div>
            </div>
            <div class="news-ls">
                <div class="news-header">
                    <a href="https://ewei.shop/news?category_id=2">
                        <img src="./img/bg2(1).png" alt="产品动态" class="news-header-bg">
                        <p class="news-header-title">产品动态</p>
                        <p class="news-header-subtitle">了解官方产品最新动态</p>
                    </a>
                </div>
                <p class="news-classify">产品动态</p>
                <div class="news-recommend">
                    <h3 class="news-title" title="微信视频号一键跳转商城商品，无缝接入小程序！抓住风口，赶紧上车了！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=180" class="title-link">微信视频号一键跳转商城商品，无缝接入小程序！抓住风口，赶紧上车了！</a>
                    </h3>
                    <h3 class="news-title" title="超强社交裂变营销利器上线！全新玩法迅速引爆客流，拉新留存统统搞定！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=179" class="title-link">超强社交裂变营销利器上线！全新玩法迅速引爆客流，拉新留存统统搞定！</a>
                    </h3>
                    <h3 class="news-title" title="YHEISHOP V2.3.0全新发布！商品分类大升级，十余项更新优化一睹为快！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=177" class="title-link">YHEISHOP V2.3.0全新发布！商品分类大升级，十余项更新优化一睹为快！</a>
                    </h3>
                    <h3 class="news-title" title="「代理小店」还能这么玩！全民当店长，保证金/资质证书/进货款/邀请开店...这波儿盈利稳了！">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/detail?id=173" class="title-link">「代理小店」还能这么玩！全民当店长，保证金/资质证书/进货款/邀请开店...这波儿盈利稳了！</a>
                    </h3>
                </div>
            </div>
            <div class="news-ls">
                <div class="news-header">
                    <a href="https://ewei.shop/news?category_id=-1">
                        <img src="./img/bg3(1).png" alt="更新日志" class="news-header-bg">
                        <p class="news-header-title">更新日志</p>
                        <p class="news-header-subtitle">一手掌握最新版本</p>
                    </a>
                </div>
                <p class="news-classify">更新日志</p>
                <div class="news-recommend">
                    <h3 class="news-title" title="V 2.3.11 更新 2021-05-17">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/upgrade-detail?id=361" class="title-link">V 2.3.11 更新 2021-05-17</a>
                    </h3>
                    <h3 class="news-title" title="V 2.3.10 更新 2021-05-14">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/upgrade-detail?id=360" class="title-link">V 2.3.10 更新 2021-05-14</a>
                    </h3>
                    <h3 class="news-title" title="V 2.3.9 更新 2021-05-12">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/upgrade-detail?id=359" class="title-link">V 2.3.9 更新 2021-05-12</a>
                    </h3>
                    <h3 class="news-title" title="V 2.3.8 更新 2021-05-11">
                        <img src="./img/icon.png" class="arrow">
                        <a href="https://ewei.shop/news/upgrade-detail?id=357" class="title-link">V 2.3.8 更新 2021-05-11</a>
                    </h3>
                </div>
            </div>
        </div>
    </section>

    <style>
        .service-alert {
            width: 430px;
            height: 150px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0px 8px 20px rgba(26, 58, 129, 0.15);
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -30%);
            z-index: -1;
            opacity: 0;
            transition: all .3s ease;
            padding: 20px 40px 20px 26px;
            display: flex;
            align-items: center;
            box-sizing: border-box;
        }
        
        .service-alert-close {
            width: 15px;
            height: 15px;
            position: absolute;
            top: 12px;
            right: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        
        .service-alert-close .close-icon {
            display: block;
            transition: transform .2s ease;
            transform-origin: center;
        }
        
        .service-alert-close:hover .close-icon {
            transform: rotate(90deg);
        }
        
        .service-alert.active {
            z-index: 20;
            transform: translate(-50%, -50%);
            opacity: 1;
        }
        
        .service-alert .service-alert-avatar {
            width: 66px;
            height: 66px;
            background: #E7F0FF;
            border-radius: 66px;
            overflow: hidden;
            margin-right: 14px;
        }
        
        .service-alert .service-alert-avatar .avatar-img {
            display: block;
        }
        
        .service-alert .service-alert-intro {
            line-height: 32px;
            font-size: 18px;
            font-weight: bold;
            color: #3B426B;
            margin-right: 30px;
        }
        
        .service-alert .service-alert-qrcode {
            display: block;
            width: 110px;
            height: 110px;
        }
    </style>
    <div class="service-alert">
        <i id="serviceAlertClose" class="service-alert-close"><img src="./img/service-close.png" class="close-icon"></i>
        <div class="service-alert-avatar"><img src="./img/service-avatar.png" class="avatar-img"></div>
        <p class="service-alert-intro">扫描二维码<br>添加客服咨询详情</p>
        <img src="./img/kefu.jpg" id="serviceQrcode" class="service-alert-qrcode">
    </div>
    <script>
        $('.situation-more, .sales-more-btn, .exper-btn, .newyearsales-btn').on('click', function() {
            $('.service-alert').addClass('active');
        });
        $('#serviceAlertClose').on('click', function() {
            $(this).parent().removeClass('active');
        });
    </script>

    <!-- <style>
    .act-newyear-mask { z-index: -1; position: fixed; width: 100vw; height: 100vh; top: 100px; left: 0; background: black; opacity: 0; }
    .act-newyear-mask.active { z-index: 1010; top: 0; opacity: .7; }
    .act-newyear-sales { position: fixed; z-index: 1010; top: 635px; left: 11px; width: 216px; height: 172px; transition: all .3s ease; cursor: pointer; }
    .act-newyear-sales-img { position: block; width: 216px; height: 172px; transition: all .3s ease; }
    .act-newyear-sales.active { top: 241px; left: 50%; transform: translateX(-50%); width: 708px; height: 563px; }
    .act-newyear-sales.active .act-newyear-sales-img { width: 708px; height: 563px; }
    .act-newyear-sales-close { position: absolute; opacity: 0; width: 38px; height: 38px; border:1px solid #fff; border-radius: 38px; top: -19px; right: -19px; transition: transform .2s ease; cursor: pointer; }
    .act-newyear-sales.active .act-newyear-sales-close { opacity: 1; }
    .act-newyear-sales-close:hover { transform: rotate(90deg); }
    .act-newyear-sales-close::before, .act-newyear-sales-close::after {
        content: ''; position: absolute; width: 1px; height: 24px; background-color: #fff; 
        top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;
    }
    .act-newyear-sales-close::before { transform: translate(-50%, -50%) rotate(-45deg); }
</style>
<div class="act-newyear-mask active"></div>
<div id="newYearSales" class="act-newyear-sales active">
    <img src="/default/img/home/scrm-activity.png" alt="YHEISHOP,开年享钜惠，最高领7000元开运礼金" class="act-newyear-sales-img">
    <i class="act-newyear-sales-close"></i>
</div>
<script>
    $('#newYearSales').on('click', function(e) {
        var tagName = e.target.tagName.toLocaleLowerCase();
        if(tagName === 'img') {
            window.open('activity/scrm');
        }else if(tagName === 'i') {
            $(this).removeClass('active').siblings('.act-newyear-mask').removeClass('active');
        }
    });
</script> -->

    <script scope="common">
        $('#scenarios').addClass('show');
        var clientHeight = window.innerHeight;
        var notShowSections = [
            'businessTitle',
            'businessContainer',
            'clientTitle',
            'clientContainer',
            'featTitle',
            'featContainer1',
            'featContainer2',
            'situation',
            'situationTitle',
            'situationTab',
            'situationContainer',
            'salesTitle',
            'salesContainer',
            'salesBtn',
            'service',
            //'serviceTitle',
            //'serviceContainer',
            'experTitle',
            'experContainer',
            'servicedataTitle',
            'servicedataContainer',
            'newsTitle',
            'newsContainer',
        ];
        var notShowSectionsObj = [];
        for (var secIdx = 0; secIdx < notShowSections.length; secIdx++) {
            notShowSectionsObj.push(document.getElementById(notShowSections[secIdx]));
        }
        var isSectionShowInit = true;
        handleSectionShow();
        isSectionShowInit = false;
        document.addEventListener('scroll', handleSectionShow);

        function handleSectionShow() {
            var tempArr = [];
            while (notShowSectionsObj.length) {
                var secDOM = notShowSectionsObj.shift();
                rectObj = secDOM.getBoundingClientRect();
                if (rectObj.top - clientHeight < -30) {
                    $(secDOM).addClass(isSectionShowInit ? 'static-show' : 'show');
                    if (secDOM.id === 'servicedataContainer') {
                        handleServiceData();
                    }
                } else {
                    tempArr.push(secDOM);
                }
            }
            notShowSectionsObj = tempArr;
            if (!tempArr.length) {
                document.removeEventListener('scroll', handleSectionShow);
            }
        }

        function handleServiceData() {
            var numDOMInfo = [{
                id: 'downloadNum',
                num: 20
            }, {
                id: 'updateNum',
                num: 500
            }, {
                id: 'customerNum',
                num: 10
            }, {
                id: 'DNum',
                num: 7
            }, {
                id: 'HNum',
                num: 24
            }, ]
            var numDOMIds = ['downloadNum', 'updateNum', 'customerNum', 'DNum', 'HNum'];
            for (var numIdx = 0; numIdx < numDOMInfo.length; numIdx++) {
                var numObj = numDOMInfo[numIdx];
                numAnimateFn(numObj.num, numObj.id);
            }

            function numAnimateFn(endNum, id) {
                $({
                        countNum: 0
                    })
                    .animate({
                        countNum: endNum
                    }, {
                        duration: 3000,
                        easing: "linear",
                        step: function() {
                            $('#' + id).text(Math.floor(this.countNum));
                        },
                        complete: function() {
                            $('#' + id).text(this.countNum);
                        }
                    });
            }
        }
    </script>
    <script type="text/javascript" src="./js/swiper-3.4.2.min.js"></script>
    <script type="text/javascript" src="./js/swiper.animate1.0.3.min.js"></script>
    <script>
        var bannerItem = document.getElementsByClassName('bannerItem');
        var mySwiper = new Swiper('.swiper-container', {
            direction: 'horizontal',
            loop: bannerItem.length > 1,
            autoplay: 3000,
            speed: 500,
            coverflow: {
                rotate: 30,
                stretch: 10,
                depth: 60,
                modifier: 2,
                slideShadows: true
            },
            pagination: '.swiper-pagination',
            paginationClickable: true,
        });
    </script>
    <div class="footer">
        <div class="flex marginauto">
            <div class="footer-item">
                <p class="footer-tit">解决方案</p>
                <a href="./solution/sell">
                    <p>新零售解决方案</p>
                </a>
                <a href="./solution/social">
                    <p>社交电商解决方案</p>
                </a>
                <a href="./solution/commission">
                    <p>分销解决方案</p>
                </a>

            </div>
            <div class="footer-item">
                <p class="footer-tit">产品中心</p>
                <a href="./product/decoration">
                    <p>店铺装修</p>
                </a>
                <a href="./product/group">
                    <p>拼团</p>
                </a>
                <a href="./product/seckill">
                    <p>秒杀</p>
                </a>
                <a href="./product/service">
                    <p>在线客服系统</p>
                </a>
            </div>
            <div class="footer-item">
                <p class="footer-tit">我们的服务</p>
                <a href="./server/develop">
                    <p>定制开发解决方案</p>
                </a>
                <a href="./server/app">
                    <p>原生APP解决方案</p>
                </a>
            </div>
            <div class="footer-item">
                <p class="footer-tit">新闻中心</p>
                <a href="#">
                    <p>产品发布</p>
                </a>
                <a href="#">
                    <p>最新动态</p>
                </a>
                <a href="#">
                    <p>更新日志</p>
                </a>
            </div>
            <div class="footer-item">
                <p class="footer-tit">服务支持</p>
                <a href="#" target="_blank">
                    <p>帮助中心</p>
                </a>
                <a href="#" target="_blank">
                    <p>应用中心</p>
                </a>
                <a href="#" target="_blank">
                    <p>提交工单</p>
                </a>
                <a href="#" target="_blank">
                    <p>提交建议</p>
                </a>
            </div>
            <div class="footer-img">
                <img src="./img/29bb3b4ff357d56d8021ec9b6f464a6b.jpg" alt="">
            </div>
            <div class="footer-img">
                <img src="./img/kefu.jpg" alt="">
            </div>
        </div>
        <div class="copyright marginauto">重庆云慧网络科技有限公司版权所有©2019-2021<a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备18044507号</a></div>
    </div>
    <style>
        .common-float-win div {
            box-sizing: border-box;
        }
        
        .common-float-win {
            position: fixed;
            z-index: 100;
            right: 16px;
            bottom: 200px;
            width: 64px;
            height: 212px;
        }
        
        .common-float-win .common-float-item {
            width: 64px;
            height: 64px;
            border: 2px solid #fb6638;
            background-color: #ffffff;
            background-position: center 12px;
            background-repeat: no-repeat;
            border-radius: 10px;
            padding-top: 34px;
            margin-bottom: 10px;
            transition: all .2s ease;
            cursor: pointer;
            position: relative;
            box-shadow: 1px 2px 6px rgba(0, 0, 0, .1);
        }
        
        .common-float-icon {
            display: block;
            margin: 0 auto;
            transition: all .2s ease;
        }
        
        .common-float-name {
            line-height: 17px;
            font-size: 12px;
            margin-top: 5px;
            color: #585e81;
            text-align: center;
            transition: color .2s ease;
        }
        
        .common-float-win .common-float-item:hover {
            background-color: #fb6638;
        }
        
        .common-float-win .common-float-item:hover .common-float-name {
            color: #fff;
        }
        
        .common-float-item.float-wechat {
            background-image: url(./img/qrcode.act.png);
        }
        
        .common-float-item:hover.float-wechat {
            background-image: url(./img/qrcode.png);
        }
        
        .common-float-item.float-wxworker {
            background-image: url(./img/wechat.act.png);
        }
        
        .common-float-item:hover.float-wxworker {
            background-image: url(./img/wechat.png);
        }
        
        .common-float-item.float-phone {
            background-image: url(./img/phone.act.png);
        }
        
        .common-float-item:hover.float-phone {
            background-image: url(./img/phone.png);
        }
        
        .common-float-item.back-top {
            padding: 0;
            height: 30px;
            background: #fff;
            transition: all .2s ease;
            border: unset;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 0;
            overflow: hidden;
        }
        
        .common-float-item.back-top.show {
            height: 30px;
        }
        
        .common-float-item.back-top:hover {
            transform: scale(1.04);
            background: #fff;
        }
        
        .common-float-item .hover-floatwin {
            width: 150px;
            padding: 12px 0;
            position: absolute;
            top: 0;
            left: -162px;
            border-radius: 10px;
            background: #fb6638;
            transition: opacity .2s ease;
            opacity: 0;
            z-index: -1;
        }
        
        .common-float-item .hover-floatwin-img {
            display: block;
            margin: 0 auto 10px;
            width: 126px;
            height: 126px;
        }
        
        .common-float-item .hover-floatwin-desc {
            line-height: 21px;
            color: #ffffff;
            font-size: 14px;
            text-align: center;
        }
        
        .common-float-item:hover .hover-floatwin {
            opacity: 1;
            z-index: 1;
        }
    </style>
    <div class="common-float-win">
        <!-- <div class="common-float-item float-wechat">
            <p class="common-float-name">公众号</p>
            <div class="hover-floatwin">
                <img src="./img/image 157.png" class="hover-floatwin-img">
                <p class="hover-floatwin-desc">关注公众号</p>
            </div>
        </div> -->
        <div class="common-float-item float-wxworker">
            <p class="common-float-name">微信咨询</p>
            <div class="hover-floatwin">
                <img id="wxworkerImg" src="./img/29bb3b4ff357d56d8021ec9b6f464a6b.jpg" class="hover-floatwin-img">
                <p class="hover-floatwin-desc">企业微信号</p>
            </div>
        </div>
        <div class="common-float-item float-phone">
            <p class="common-float-name">咨询热线</p>
            <div class="hover-floatwin">
                <p class="hover-floatwin-desc">咨询热线</p>
                <p id="phoneNumber" class="hover-floatwin-desc">18225426819</p>
            </div>
        </div>
        <div id="backTop" class="common-float-item back-top">
            <img src="./img/arrow(1).png" class="float-arrow">
        </div>
    </div>
    <script>
        var goTopTimer = null;
        document.addEventListener('scroll', function() {
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (scrollTop > 600) {
                $('#backTop').addClass('show')
            } else {
                $('#backTop').removeClass('show');
            }
        });
        document.addEventListener('mousewheel', function() {
            clearInterval(goTopTimer);
        });

        $('#backTop').on('click', goTop);

        function goTop(stopPosition = 20) {
            var osTop = document.documentElement.scrollTop || document.body.scrollTop
            if (osTop <= stopPosition) {
                return
            }
            goTopTimer = setInterval(function() {
                let osTop = document.documentElement.scrollTop || document.body.scrollTop
                let ispeed = Math.floor(-osTop / 5)
                document.documentElement.scrollTop = osTop + ispeed
                document.body.scrollTop = osTop + ispeed
                if (osTop <= stopPosition) {
                    clearInterval(goTopTimer);
                }
            }, 16);
        }

        /* $.ajax({
            url: 'https://wiki.ewei.shop/api/customer/get',
            success: function(response) {
                var customer = response.customer
                    // var customerQrcode = '/default/img/home/wx_worker_qrcode.png'
                    // $('#wxworkerImg').prop('src', customerQrcode);
                    // $('#serviceQrcode').prop('src', customerQrcode);
                $('#wxworkerImg').prop('src', customer.headimg);
                $('#serviceQrcode').prop('src', customer.headimg);
                $('#phoneNumber').text(customer.mobile)
            }
        }); */
    </script>

    <script type="text/javascript" src="./js/common.js"></script>


    <script>
        (function() {
            const cz = document.createElement('script');
            cz.type = 'text/javascript';
            cz.async = true;
            cz.charset = 'utf-8';
            cz.src = 'https://w.cnzz.com/c.php?id=1279718634&async=1';
            cz.id = 'cnzz_tj';
            const czc = document.getElementsByTagName('script')[0];
            czc.parentNode.insertBefore(cz, czc);
        })();
    </script>





</body>

</html>